<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/vue/dist/vue.min.js"></script>
    <script type="text/javascript" src="js/axios/dist/axios.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</head>
<body>
        <h1>处理回调信息</h1>
<!--
   目前的情况  回调信息在浏览器的地址栏里面
    从地址栏获取code后面的参数

-->
</body>
<script>
    new Vue({
        el:"#app",
        data:{

        },
        methods:{

        },
        mounted(){
            // 1.获取页面的地址栏   http://bugtracker.itsource.cn/callback.html?code=06125RFa1kllCA07ZrJa1qTr1p025RFW&state=STATE
            // 2. 解析地址栏的里面内容 --获取code
            let obj =getUrlParam();
            //把code发送到8080服务器
            this.$http.post("/wechat",{code:obj.code}).then(res=>{

                //1.登录成功
                let {success,message,resultObj} = res.data;
                if(success){
                    //登录信息保存到浏览器的本地
                    localStorage.setItem("token",resultObj.token);
                    //可以将json对象转换成json对符串
                    let jsonInfo =JSON.stringify(resultObj.loginInfo);

                    localStorage.setItem("logininfo",jsonInfo);
                    //跳转到 index页面
                    location.href="/index.html";
                }else {
                    //2.跳转到绑定页面
                    location.href=message;
                }

            })



        }

    })

</script>


</html>